﻿
@{
    Layout = "~/Views/Shared/_Style.cshtml";
}
@*layer*@
<link href="~/js/lib/layui/dist/css/layui.css" rel="stylesheet" />
<script src="~/js/lib/jquery/jquery-3.2.1.js"></script>
<script src="~/js/lib/layui/dist/layui.js"></script>
<script src="~/js/content/button/addButtonStyle.js"></script>
<script src="~/js/content/tool.js"></script>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>新增按钮样式表单</legend>
</fieldset>

<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">按钮样式名</label>
        <div class="layui-input-block">
            <input type="text" name="ButtonStyleName" lay-verify="yz" autocomplete="off" placeholder="请输入按钮样式名称" class="layui-input">
        </div>
        <br />
        <div class="layui-form-item">
            <label class="layui-form-label">按钮主题</label>
            <div class="layui-input-block">
                <select name="Style" lay-filter="aihao">
                    <option value="layui-btn layui-btn-primary">原始</option>
                    <option value="layui-btn" selected="selected">默认</option>
                    <option value="layui-btn layui-btn-normal">百搭</option>
                    <option value="layui-btn layui-btn-warm">暖色</option>
                    <option value="layui-btn layui-btn-danger">警告</option>
                    <option value="layui-btn layui-btn-disabled">禁用</option>
                </select>
            </div>
        </div>
        <br />
        <div class="layui-form-item">
            <label class="layui-form-label">按钮大小</label>
            <div class="layui-input-block">
                <select name="Size" lay-filter="aihao">
                    <option value="">默认</option>
                    <option value="layui-btn-big">大型</option>
                    <option value="layui-btn-small">小型</option>
                    <option value="layui-btn-mini">迷你</option>
                </select>
            </div>
        </div>
        <br />
        <div class="layui-form-item">
            <label class="layui-form-label">按钮类型</label>
            <div class="layui-input-block">
                <select name="Types" lay-filter="aihao">
                    <option value="">默认</option>
                    <option value="layui-btn-radius">圆形</option>
                </select>
            </div>
        </div>
        <br />
        <label class="layui-form-label">小图标</label>
        <div class="layui-input-block">
            <input type="text" name="Icon" autocomplete="off" placeholder="请输入按钮小图标" class="layui-input"> 
            <span style="color:red">注：小图标样式请登录layer官网查看<a href="http://www.layui.com/doc/element/icon.html" target="_blank">http://www.layui.com/doc/element/icon.html</a></span>
        </div>
    </div>
    <div class="layui-form-item" style="margin:0  0 0 40% ">
        <div class="layui-input-block">
            <br />
            <button class="layui-btn" lay-submit="" lay-filter="submit">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
